<template>
    <div id="checkbookanswer">
      <div class="c-headcer">
         <h3>多选题(每题5分)</h3>
      </div>
      <!-- 试题详情 -->
      <div class="c-body">
        <p style="height:50px;line-height:50px">第1题:&nbsp;{{topic}}</p>
        <div class="choose" style="height:300px;line-height:50px;padding-left: 50px;">
            <label for="A">
                <input  type="radio" title="a" name="choose" id="A">A、{{answer1}}
            </label><br/>
            <label for="B">
                <input  type="radio" title="b" name="choose" id="B">B、{{answer2}}
            </label><br/>
            <label for="C">
                <input  type="radio" title="c" name="choose" id="C">C、{{answer3}}
            </label><br/>
            <label for="D">
                <input  type="radio" title="d" name="choose" id="D">D、{{answer4}}
            </label>
        </div>
      </div>
    </div>
  </template>
  
  <script>
    export default {
      data() {
        return {
          topic:'Vue的事件修饰符是（）',
          answer1:'.stop',
          answer2:'.prevent',
          answer3:'.once',
          answer4:'.enter',
          points:'5分',
          rightanswer1:'.stop',
          rightanswer2:'.prevent',
          result:'1).stop:等同于`JavaScript`中的`event.stopPropagation()，防止事件冒泡2).prevent:等同于JavaScript中的event.preventDefault()，防止执行预设的行为（如果事件可取消，则取消该事件，而不停止事件的进一步传播）3).capture:与事件冒泡的方向相反，事件捕获由外到内4).self:只会触发自己范围内的事件，不包含子元素5).once:只会触发一次6).enter:键盘修饰符'
        }
      },  
        
    }
  </script>
  
  <style lang="less" scoped>
  #checkbookanswer{
    font-size: 18px;
  }
  </style>